<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="#" />
    <script type="module" src="./18-import.js"></script>
</head>
<body>
    <script>
          /* 
            1. script 标签默认type="text/javascript"
            需改为type="module"
            2. VScode 安装一个扩展Live Sever
            跨域请求只支持这些协议：http, data,chrome
            chrome-extension, chrome-untrusted, 
            https.，而我们的协议是file，这里我们需要本地起一个服务器来作为资源的提供方，
            3. 页面右键选择Open with Live Server

               
            模块化：当一个东西是公用的时候，可以封装在一个模块，哪里需要就直接引入这个模块，体现了面向对象的思想。

            好处：封装，节省代码量，简单，便捷

            模块：module  组件：Component

            url：协议+主机名+端口号+路径?+参数

            协议、域名、端口号都相同，有一个不相同，就是非同源
        
        */
    </script>
</body>
</html>